@charset "utf-8";
/* CSS Document */

/* General */
* {margin: 0; padding: 0;}
html {height: 100%; font-size: 62.5%;}
body {
    height: 100%;
    background: #DEDEDE url('bg2.gif') repeat-x 0 0;
    text-align: center;
    font: 1.2em Verdana, Arial, Helvetica, sans-serif;
    position: relative;
    width: 900px; min-width: 900px;
    margin: 0 auto;
    padding-bottom: 60px;
}

a:link, a:visited {color: #007099; text-decoration: underline;} a:hover {text-decoration: none;}

.noscreen {display: none;} .cleaner {clear: both; height: 0; font-size: 0; visibility: hidden;}


/* Skip menu */
.hidden {position: absolute; top: -10000px; left: 0; width: 1px; height: 1px; overflow: hidden;}

abbr, acronym, span.abbr {border-bottom: 1px dotted black; cursor: help;}


/* Wrapper */
#wrapper {width: 900px; margin: 40px auto 60px auto; border: 4px solid #FEFEFE; border-bottom: 0; display: table;}


/* Header */
.header {
    width: 900px;
    height: 170px;
    margin: 0 auto;
    position: relative; 
    text-align: left; 
    background-color: #007099;
    background-image: url(banner.png);
}


/* Headings */
h1 {color: #FFF; font: 2.8em Georgia, "Times New Roman", Times, serif; padding-top: 14px; margin: 0 0 11px 30px;}
h1 a:link, h1 a:visited {color: #FFF; text-decoration: none;}
h1 span {border-bottom: 1px solid #66A9C2; padding-bottom: 2px;} h1 span#color {color: #FEB125; border: 0;}
h2 {font: 1.8em normal Georgia, "Times New Roman", Times, serif; background: url('b.gif') no-repeat 0 50%; padding-left: 23px; margin-bottom: 5px; letter-spacing: 1px;}
h3 {font: 1.3em Georgia, "Times New Roman", Times, serif; background: url('h3-bg.gif') repeat-x 0 60%; letter-spacing: 1px; margin-bottom: 3px;}
h3 span {background: #FFF; padding: 2px 8px; margin-left: 20px; background-color: #FFFFC7; border-left: 4px solid #FFF; border-right: 4px solid #FFF;}
.col-l h3 {font: bold 1.1em Verdana; background: #0085B6 url('h3-bg2.gif') repeat-x 0 0; color: #FFF; text-align: center; padding: 7px 0; letter-spacing: 0;}


/* Paragraphs */
p {line-height: 1.9; }
p#about {font-size: 1.2em; line-height: 1.2; margin: 0 0 0 30px; color: #FEFEFE}
p#backlinks {position: relative; top: -56px; font-size: 0.9em; color: #656565;} p#backlinks a, p#backlinks a:visited {color: #656565;}
p#backlinks a:hover {color: #151515;}


/* Page */
.page {width: 900px; margin: 0 auto; text-align: left; background: #FFF url('content-bg.gif') repeat-y 0 0;}
.col-l {float: left; width: 23%; background-color: #DDECF1; border-top: 1px solid #578B9E;} 
.col-r {float: right; width: 76%;}
.col-l-in {margin: 0 0 0 0;} .col-r-in {margin: 1.2em 2em 2em 1.2em;}


/* Article */
.article {background-color: #DDD; border: 1px solid #AAA; padding: 5px 12px 27px 12px; margin: 14px 0 14px 0; position: relative; _width: 619px;}
.article-zebra {background-color: #E6FFD2; border: 1px solid #B5E390; padding: 5px 12px 27px 12px; margin: 8px 0 14px 0; position: relative; _width: 619px;}
.article p, .article-zebra p {line-height: 1.5; margin-bottom: 3px;}
.article a.more, .article-zebra a.more {position: absolute; bottom: 7px; right: 10px; line-height: 1;} /* Read more positioning */
.article a.more, .article a.more:visited, .article-zebra a.more, .article-zebra a.more:visited 
{background-color: #343434; color: #FEFEFE; padding: 5px 7px; text-decoration: none; border: 1px solid #606060; font-size: 0.9em;}
.article a.more:hover, .article-zebra a.more:hover {text-decoration: underline;}
.tile_content{background: none}

/* Gallery */
.gallery {width: 99%; margin: 18px 0 0 0;}
.gallery img {border: 1px solid #AAA; margin-right: 12px;}
.gallery a:hover img {border: 1px solid #505050;}


/* Menu */
#menu-box {width: 65%; position: absolute; right: 0; bottom: 0; background-color: #353535; border: 1px solid #5A5A5A; border-bottom: 0;}
ul#web {list-style: none; text-align: right; margin-right: 30px;}
ul#web li {display: inline; color: #FFF;}
ul#web li a#first {border-left: 1px solid #505050;}
ul#web li a, ul#web li a:visited {float: right; display: block; color: #FFF; padding: 10px 26px; border-right: 1px solid #505050;}
ul#web li a:hover {text-decoration: none; background-color: #505050;}
ul#web li a.active {background: black !important;}

ul.menu {list-style: square; list-style-position: inside; margin: 8px 0 12px 16px;}
ul.menu li {margin-bottom: 9px;}
ul.menu li a, ul.menu li a:visited {color: #101010; text-decoration: none;}
ul.menu li a:hover {color: #181818; text-decoration: underline; background: 0;}


/* Footer */
#footer {width: 900px; height: 50px; margin: 0 auto; background-color: #222222; border-bottom: 4px solid #FEFEFE; border-top: 2px solid #909090;}

#footer a:link, #footer a:visited {color: #FFF; font-weight: normal;}
#footer ul {list-style-type: none; color: #FFF; padding: 16px 0 0 14px; text-align: left; float: left; width: 430px; }
#footer ul li {float: left; display: inline; white-space: nowrap;}
#footer ul li a, #footer ul li a:visited {margin: 0 6px;}
#footer p {float: right; text-align: right; width: 400px; color: #FFF; padding: 16px 16px 0 0; line-height: 1.2;}
#backlinks a{
    text-decoration: none !important;
}

/* Searching form */
form.searching {width: 252px; position: absolute; top: 18px; right: 2px;} form.searching fieldset {border: 0;}
input.search {width: 150px; border: 1px solid silver; letter-spacing: 1px; padding: 4px 7px;}
form.searching input.hledat {letter-spacing: 1px; font-weight: bold;}
form.searching label {display: none;}

.button_search {
    background-color:#ededed;
    -webkit-border-top-left-radius:0px;
    -moz-border-radius-topleft:0px;
    border-top-left-radius:0px;
    -webkit-border-top-right-radius:0px;
    -moz-border-radius-topright:0px;
    border-top-right-radius:0px;
    -webkit-border-bottom-right-radius:0px;
    -moz-border-radius-bottomright:0px;
    border-bottom-right-radius:0px;
    -webkit-border-bottom-left-radius:0px;
    -moz-border-radius-bottomleft:0px;
    border-bottom-left-radius:0px;
    text-indent:0;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#777777 !important;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
    font-weight:bold;
    font-style:normal;
    height:24px;
    line-height:25px;
    width:64px;
    text-decoration:none !important;
    text-align:center;
}.button_search:hover {
    background-color:#dfdfdf;
}.button_search:active {
    position:relative;
    top:1px;
}

.page_number{
    text-align: center;
}
.number_element{
    text-decoration:none !important;
    padding: 5px;
}
.number_element:hover{
    color: red;
}
.active_page{
    color: red  !important;
    cursor: default;
    font-weight: bold;
}

.hightlight{
    font-weight: bold;
}
.tran_common{
    text-decoration:none !important;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 30px;
}

.tran_common:hover{
    color: red  !important;
}
.trang_t{
    float: left;
}              
.trang_s{
    float: right;
}
#footer_content{
    display: block;
    margin-bottom: 15px;
    background-color: red;
}

